
.dv-main-layout {

  // start:: content
  .view-focusing, .view-focusing-out {
    .view-content {
      display: none;
    }
  }
  // end:: content

  // start:: masker
  .view-focusing, .view-focusing-out {
    .view-bg-masker {
      display: block !important;
    }
  }

  .view-bg-masker {
    .view-layout-tiled &,
    .view-layout-dispersed & {
      display: none;
    }
    .view-layout-tiling &,
    .view-layout-dispersing & {
      display: block;
    }
  }
  // end:: masker
}